.mmb-brandNice{
  .top-list{
    ul{
      li{
        padding: .266667rem /* 20/75 */;
        width: 100%;
        height: 1.733333rem /* 130/75 */;
        background-color: #fff;
        border-bottom: .013333rem /* 1/75 */ solid #ccc;
        position: relative;
        .num{
          float: left;
          width: .533333rem /* 40/75 */;
          height: .533333rem /* 40/75 */;
          background-color: #c3c3c3;
          color: #fff;
          font-size: .32rem /* 24/75 */;
          text-align: center;
          line-height: .533333rem /* 40/75 */;
        }
        .list-right{
          height: 100%;
          padding-left: .8rem /* 60/75 */;
          .brandName{
            font-size: .4rem /* 30/75 */;
            color: #333333;
            line-height: 1.5;
          }
          p{
            font-size: .346667rem /* 26/75 */;
            color: #aaa;
          }
        }
        a{
          position: absolute;
          right: .266667rem /* 20/75 */;
          top: .533333rem /* 40/75 */;
          font-size: .586667rem /* 44/75 */;
          color: #aaa;
        }
      }
    }
  }
}
.red{
  background-color: #f10e0e!important;
}
.orange{
  background-color: #ff9215!important;
}
.green{
  background-color: #8adf5b!important;
}

.nice,
.sales,
.comment{
  width: 100%;
  background-color: #f3f3f3;
  height: 1rem /* 75/75 */;
  border-bottom: .013333rem /* 1/75 */ solid #ccc;
  border-top: .013333rem /* 1/75 */ solid #ccc;
  color: #8e4107;
  font-size: .4rem /* 30/75 */;
  padding-left: .266667rem /* 20/75 */;
  line-height: .973333rem /* 73/75 */;
}

.mmb-sales{
  .sales-prolist{
    width: 100%;
    .list{
        width: 100%;
        height: 3.333333rem /* 250/75 */;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        padding: .266667rem /* 20/75 */;
        .list-left{
          width: 2.64rem /* 198/75 */;
          height: 100%;
          float: left;
          img{
            width: 100%;
          }
        }
        .list-right{
          width: 100%;
          height: 100%;
          padding-left: 2.906667rem /* 218/75 */;
          line-height: .6rem /* 45/75 */;
          p{
            font-size: .346667rem /* 26/75 */;
            -webkit-line-clamp:2;
            display: -webkit-box;
            -webkit-box-orient:vertical;
            overflow:hidden;
            text-overflow: ellipsis;
          }
          .title{
            height: 1.266667rem /* 95/75 */;
          }
          .price{
            color: red;
          }
          span{
            font-size: .346667rem /* 26/75 */;
            color: #aaaaaa;
            margin-right: .266667rem /* 20/75 */;
          }
        }
      }
  } 
}

.mmb-comment{
  .com-list{
    ul{
      width: 100%;
      li{
        width: 100%;
        background-color: #fff;
        padding: .266667rem /* 20/75 */;
        .top{
          .img-box{
            float: left;
            width: 2.666667rem /* 200/75 */;
            height: 2.666667rem /* 200/75 */;
            img{
              width: 100%;
            }
          }
          p{
            padding-left: 3.066667rem /* 230/75 */;
            color: #aaa;
          }
        }
        .content{
          width: 100%;
          background-color: #f8f8f8;
          margin-top: .266667rem /* 20/75 */;
          position: relative;
          border: .026667rem /* 2/75 */ solid #ccc;
          padding: .266667rem /* 20/75 */;
          .triangle_border_up{
            width:0;
            height:0;
            border-width:0 .2rem /* 15/75 */ .2rem /* 15/75 */;
            border-style:solid;
            border-color:transparent transparent #cccccc;/*透明 透明  灰*/
            position:relative;
            top: -.466667rem /* 35/75 */;
            left: .8rem /* 60/75 */;
            .small{
              display:block;
              width:0;
              height:0;
              border-width:0 .173333rem /* 13/75 */ .173333rem /* 13/75 */;
              border-style:solid;
              border-color:transparent transparent #f8f8f8;/*透明 透明  黄*/
              position:absolute;
              top:.04rem /* 3/75 */;
              left:-.173333rem /* 13/75 */;
            }
          }
          .hd{
            span{
              font-size: .346667rem /* 26/75 */;
              color: #aaa;
            }
            span:nth-child(1){
              color: #516858;
            }
          }
          .con{
            margin-top: .266667rem /* 20/75 */;
            font-size: .373333rem /* 28/75 */;
            line-height: 1.5;
          }
        }
      }
    }
  }
}